<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			body{
				background-image: url(img/shijing.png);
			}
			article{
				float: inherit;
			}
			#bodydiv{
				background-color:ghostwhite;
				/*margin-left: 300px;*/
				font-size:20px;
				width:450px;
				height: 900px;
				text-shadow: 0px 3px 5px black;
			}
			p{
				margin-left: 50px;
				text-align: center;
				line-height: normal;
			}
		</style>
	</head>
	<body>
		<center><articl style="font-size: 30px;text-shadow: 0px 3px 5px black;">《国风·周南·关雎》</articl></center>
		<center>
			<div style="float: left;">
				<img src="img/shijing.png" width="500px" height="700px"/>
			</div>
			<div id="bodydiv">
			<p>关关雎鸠，在河之洲。</p><br>
			<p>窈窕淑女，君子好逑。</p><br>
			<p>参差荇菜，左右流之。</p><br>
			<p><strong>窈窕淑女，寤寐求之。</strong></p><br>
			<p>求之不得，寤寐思服。</p><br>
			<p>悠哉悠哉，辗转反侧。</p><br>
			<p>参差荇菜，左右采之。</p><br>
			<p>窈窕淑女，琴瑟友之。</p><br>
			<p>参差荇菜，左右芼之。</p><br>
			<p>窈窕淑女，钟鼓乐之。</p><br>
		</div>
		</center>
		
　　
　　
	</body>
</html>
